home *** CD-ROM | disk | FTP | other *** search
/ BBS in a Box 22 / AMUG_22-1.ISO / Files / Internet / Web Things / HTML 201.sit / HTML 201 / HTML 201.rsrc / TEXT_137.txt < prev    next >
Encoding:
Text File  |  1996-03-13  |  2.1 KB  |  56 lines

  1.  
  2. Drill 7
  3.  
  4. Links to text on the same page
  5.  
  6. For this drill I will be using the document resume.html that was in the folder you downloaded. To follow what I am doing will require you to create a long document with sections so you might just want to follow along for a bit.
  7.  
  8. The document resume.html has 5 sections:
  9.  
  10. Profile
  11.  
  12. Health care experience
  13.  
  14. Education
  15.  
  16. Professional affiliations
  17.  
  18. Interests
  19.  
  20. What I want to do is give the reader the option to go to certain sections of my resume instead of having to read it all through.
  21.  
  22. To do this I  will use the anchor point and the jump link tags.
  23.  
  24.                       ++++++++++++++++
  25.  
  26. First set your anchor points. Use something identifiable such as the top of the document or section headers.I want to put my first anchor point at the Profile section header.You will have to go to the document resume.html and view it using your word processing app. This is what I do:
  27.  
  28. <HR>
  29. <P> 
  30. <A NAME="profile"> -------> Here is the anchor point I insert.
  31. <H2>PROFILE</H2>                
  32. <UL>
  33. <LI>Four years direct patient care experience.
  34. <P>            
  35. <LI>Strong grades in recent basic science courses.
  36. <P>        
  37. <LI>Currently pursuing entrance into a Physician Assistant training program.
  38. <P>
  39. </UL>
  40.  
  41.                                   ++++++++++++++++++
  42.  
  43. Next I will set the jump link. I go to the top of the document and add the following code:
  44.  
  45. <P>
  46. <H4>You may navigate about my resume using the links below.</H4>
  47. <P>
  48. <A HREF="#profile">PROFILE</A> -----> This is the jump link
  49. <P>
  50.  
  51. After I save the document and open it with my browser, I will see that at the top of my document there is the word PROFILE in a different color and underlined. But down at the section PROFILE there are no different colors or underlining. When the reader clicks on the active link he  will be moved to that section of the document, PROFILE.
  52.  
  53. You can see that I have added links to every section of the document resume.html when you view it with your browser. I have also added links in every section to return to the top where the jump links are. This is a smart thing to do if you are going to put jump links and anchor points in your page. 
  54.  
  55. Next is graphics.
  56.